/* 公用css样式文件 */
.bd{
  background: crimson;
}
/* 左浮动 */
.fl{
  float: left;
}
/* 右浮动 */
.fr{
  float: right;
}
/* 清除浮动 */
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}
/* 版心 */
.wrap{
  width: 1200px;
  margin: auto;
}
/* 字体大小 */
.font12{
  font-size: 12px;
}
.font14{
  font-size: 14px;
}
.font16{
  font-size: 16px;
}
.font18{
  font-size: 18px;
}
.font20{
  font-size: 20px;
}
.font22{
  font-size: 22px;
}
.font24{
  font-size: 24px;
}
.font28{
  font-size: 28px;
}
.font32{
  font-size: 32px;
}
.font30{
  font-size: 30px;
}
.font42{
  font-size: 42px;
}
/* 文字颜色 */
.colorfff{
  color: #fff;
}
.color818{
  color: #818388;
  
}
.colorbbb{
  color: #bbb8b5;
}
.color42c{
  color: #42caf0;
}

/* 文字加粗 */
.fw{
  font-weight: bold;
}
/* 公用文字水平居中 */
.ta{
  text-align: center;
}
/* 公用背景 */
.bdfff{
  background: #fff;
}
